import { Box, useStyleConfig } from '@chakra-ui/react'

function Content(props) {
  const { children, size, variant } = props

  const styles = useStyleConfig('Content', {
    size: size,
    variant: variant
  })

  return <Box __css={ styles }>{ children }</Box>
}

export default Content